<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>爱到家-社区生鲜</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
	<link href="css/alongsty.css" rel="stylesheet">
    
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="css/swiper.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv_min.js"></script>
      <script src="js/respond_min.js"></script>
    <![endif]-->
    <style type="text/css">
		<!--
		body{ background:#eeeeee;  font-family:"微软雅黑"； }
		input[type="text"],input[type="password"],input[type="date"],input[type="month"],input[type="month"],input[type="time"],input[type="week"],input[type="email"],select{border:none; outline:none; transition:border 0.2s ease-in 0s;  }
		input[type="button"],input[type="submit"]{outline:none;cursor:pointer;border:none;}		input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="email"]:focus,select:focus{border:1px solid #17a862;  }
		-->
    </style>
</head>
  <body >
    <div class="toper navbar-fixed-top">
    	<div class="row color_white " >
      	  <div class="col-xs-2" style="padding-left:25px;"><a class="cwhite" href="list.html"><i class="icon-angle-left font32"></i></a></div>
          <div class="col-xs-8 text-center font20">商品详情</div>
          <div class="col-xs-2" >
          		<div class="icon_shopcar">
                <div class="icon_shopcar_ts">15</div>
                <a class="cwhite" href="#"><div class="photo_30"><img src="images/icon_shopcar.png" alt="购物车"></div></a>
                </div>
          </div>
      	</div>
    </div><!-- toper -->
    <div class="height53"></div>
   	
   	<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            	<div class="productphoto"><img src="images/jdt1.jpg"></div>
            </div>
            <div class="swiper-slide">
            	<div class="productphoto"><img src="images/jdt2.jpg"></div>
            </div>
            <div class="swiper-slide">
            	<div class="productphoto"><img src="images/jdt3.jpg"></div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
    </script><!-- 焦点图 -->
    <div class=" width100 bg_white" style="padding:10px;">
    	<h4>纯正天然健康果蔬系列之有机菠菜</h4>
        <span class="pull-right">
            <div class="btn-group" role="group" aria-label="...">
              <button type="button" class="btn btn-default"><i class="icon-plus"></i></button>
              <button type="button" class="btn btn-default disabled">5</button>
              <button type="button" class="btn btn-default"><i class="icon-minus"></i></button>
            </div>
        </span>
        <p class=" color_gray font16"><span class="color_orange font20">¥136</span>&nbsp;&nbsp;&nbsp;&nbsp;<del>¥389</del></p>
        <div class="height10"></div>
         <div class=" width100 bg_white border_top hang32">
            <span class=" font16">商品规格</span>
            <span class="pull-right">750g</span>
        </div>
        <div class="height10"></div>
    </div><!--a-->
    <div class="height10"></div>
    <div class=" width100 bg_white border_bottom" style="padding:10px;">
    	<span class=" font16">商品介绍</span>
        <span class="pull-right"><a title="收起" class=" cgreen" href="#"><i class="icon-angle-up" style="font-size:24px;"></i></a></span>
    </div>
    <div class=" width100 bg_white" style="padding:10px;">
    	<div class="artic14">
        	<p>菠菜又名波斯菜、赤根菜、鹦鹉菜等，属苋科藜亚科菠
菜属，一年生草本植物。植物高可达1米，根圆锥状，带
红色，较少为白色，叶戟形至卵形，鲜绿色，全缘或有
少数牙齿状裂片。</p>
        </div>
    </div><!--a-->
    <div class="height10"></div>
    <div class=" width100 bg_white border_bottom" style="padding:10px;">
    	<span class=" font16">商品评价 (22)</span>
        <span class="pull-right color_orange">
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star-empty"></i>
        &nbsp;&nbsp;
        <a title="收起" class=" cgreen" href="#"><i class="icon-angle-up" style="font-size:24px;"></i></a>
        </span>
    </div>
    <div class=" width100 bg_white" style="padding:10px;">
    	<span>138****3456</span>
        <span class="pull-right color_orange">
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star-empty"></i>
        </span>
        <div class="height10"></div>
    	<div class="artic14">
        	<p>还不错评论文字还不错评论文字还不错评文字还不错评论文字还不错</p>
        </div>
        <span class="pull-right">2015-09-13 14:35</span><!--b-->
        <div class="height10 border_bottom"></div>
        <div class="height10"></div>
        <span>138****3456</span>
        <span class="pull-right color_orange">
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star-empty"></i>
        </span>
        <div class="height10"></div>
    	<div class="artic14">
        	<p>还不错评论文字还不错评论文字还不错评文字还不错评论文字还不错</p>
        </div>
        <span class="pull-right">2015-09-13 14:35</span><!--b-->
        <div class="height10 border_bottom"></div>
        <div class="height10"></div>
        <span>138****3456</span>
        <span class="pull-right color_orange">
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star"></i>
        <i class="icon-star-empty"></i>
        </span>
        <div class="height10"></div>
    	<div class="artic14">
        	<p>还不错评论文字还不错评论文字还不错评文字还不错评论文字还不错</p>
        </div>
        <span class="pull-right">2015-09-13 14:35</span><!--b-->
        <div class="height10 border_bottom"></div>
        <div class="height10"></div>
    </div><!--a-->
    <div class="height10"></div>
    <div class=" width100 bg_white" style="padding:10px;">
    	<div class="media">
            <div class="media-left">
              <a href="#"><div class="photo_80"><img src="images/pic_03.jpg" class="img-rounded" ></div></a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">圆心蔬菜小铺</h4>
              <p class=" color_gray font16">专业的蔬菜贩售<span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green">进店逛逛</span></button></span></p>
            </div>
        </div>
    </div><!--a-->
    <div class="height20"></div>
    <div class="height60"></div>
    
    <div class=" width100 bg_white navbar-fixed-bottom" style="padding:10px;">
    	<div class="row" style="width:100%; margin:0 auto;">
        	<div class="col-xs-6" style="padding-right:5px; padding-left:0px;"  >
          		<button class="btn btn-lg btn-success btn-group-justified" type="submit" >联系客服</button>
          	</div>
            <div class="col-xs-6" style="padding-left:5px; padding-right:0px;">
          		<button class="btn btn-lg btn-success btn-group-justified" type="submit" >加入购物车</button>
          	</div>
        </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery_min1_11_2.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>